html.dark {
  --menuBg: #141414 !important;
  --menuText: rgb(254 254 254 / 65.1%) !important;
  --menuActiveText: #fff !important;
  --menuHover: #141414 !important;

  --subMenuBg: #000 !important;
  --subMenuActiveText: #fff !important;
  --subMenuHover: #000 !important;
  --sidebarLogo: #141414 !important;
  .navbar {
    background-color: var(--el-bg-color-page);
    color: var(--el-text-color-regular);
    .navbar-setting-item,.setting ,.el-dropdown-link{
      &:hover {
        background: var(--el-fill-color-light);
      }
    }
    .setting{
      color: var(--el-text-color-regular);
    }
    .dropdown{
      
     .out{
      color: var(--el-text-color-regular);
     }
    }
  }

  .right-panel-btn {
    background-color: var(--el-color-primary-dark);
  }
  .svg-icon,
  svg {
    fill: var(--el-text-color-regular);
  }

  .sidebar-container {
    .el-menu-item.is-active .svg-icon {
      fill: #fff;
    }
  }
  .login{
    background-color: #000 !important;
  }
}
